<html>
	<head>
		<META charset="Utf8"/>
		<style>
			@import url("styles.css");
		</style>
	</head>
	<body>
		<div id="page">	
			<div id="userandnotif_bar">
				<span>
					<a href="#">need to register?</a>
					<form id="login_form" action="index_loged.html">
						<input type="textbox" value="username"/>
						<input type="textbox" value="password"/>
						<input type="submit" value="login">
					</form>
				</span>
				<div class="cleaner">
				</div>
			</div>
			<div id="main_header">
				<form>
					<h1>ask4<input id="askfor_box" type="textbox" value="bytes" name="askfor"/>
						<a href="#">new bytes</a>
						...
					</h1>
				</form>			
			</div>
			<div id="content">
				<div id="result_commands_box">
					<span>order by:<button>rating</button><button>time</button>show:<button>streams</button><button>tags</button><button>all</button></span><span class="right">display as:<button>list</button><button>thumbs</button></span>
				</div>
				<ul>
					<li>
						<div class="content_box">
							<a href="#"><div class="content_box_left"></div></a>
							<div class="content_box_right">
								<a href="#"><h3>some new popular bytes</h3></a>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
								</p>
								<div class="content_tag_container">
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
								</div>
								<div class="content_box_input">
									<span>
										<button>what's that about</button>
									</span>
									<span class="right">
										comments: 20, likes:30, dislikes: 2
									</span>
								</div>
							</div>
						</div>
					</li>										
				</ul>
				<div class="pages_navigation">
					<a href="#"><span class="page_nav_link">1</span></a>
					<a href="#"><span class="page_nav_link">2</span></a>
					<a href="#"><span class="page_nav_link">3</span></a>
					<a href="#"><span class="page_nav_link">4</span></a>
					<a href="#"><span class="page_nav_link">5</span></a>
					<a href="#"><span class="page_nav_link">...</span></a>
				</div>
				<div class="cleaner"></div>
			</div>
			<div id="footer">
				забележки<br/>
				<ul type="none">
					<li>->стил на писане на код!!!</li>
					<li>->линковете в сивата кутия ще излизат под лентата за търсене</li>
					<li>->как ще се работи с данните същност?</li>										
					<li>->къде ще бъдат стриймовете?</li>
					<li>->какво ще има в футъра?</li>							
				</ul>				
			</div>
		</div>
	</body>
</html>